<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html dir='ltr' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<script src='http://bgames-country.googlecode.com/svn/trunk/1.8.1/jquery.min.js' type='text/javascript'></script>
<script src='http://code.jquery.com/jquery-1.5.js' type='text/javascript'></script>
<script src='http://bgames-country.googlecode.com/svn/trunk/css/tabs.js' type='text/javascript'></script>
<link href='http://www.menucool.com/tab-content/template1/tabcontent.css' media='all' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow' rel='stylesheet' type='text/css'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<script type="text/javascript">(function() { var a=window,b="jstiming",d="tick";var e=function(c){this.t={};this.tick=function(c,p,h){h=void 0!=h?h:(new Date).getTime();this.t[c]=[h,p]};this[d]("start",null,c)},f=new e;a.jstiming={Timer:e,load:f};if(a.performance&&a.performance.timing){var g=a.performance.timing,j=a[b].load,k=g.navigationStart,l=g.responseStart;0<k&&l>=k&&(j[d]("_wtsrt",void 0,k),j[d]("wtsrt_","_wtsrt",l),j[d]("tbsd_","wtsrt_"))}
try{var m=null;a.chrome&&a.chrome.csi&&(m=Math.floor(a.chrome.csi().pageT),j&&0<k&&(j[d]("_tbnd",void 0,a.chrome.csi().startE),j[d]("tbnd_","_tbnd",k)));null==m&&a.gtbExternal&&(m=a.gtbExternal.pageT());null==m&&a.external&&(m=a.external.pageT,j&&0<k&&(j[d]("_tbnd",void 0,a.external.startE),j[d]("tbnd_","_tbnd",k)));m&&(a[b].pt=m)}catch(n){};a.tickAboveFold=function(c){var i=0;if(c.offsetParent){do i+=c.offsetTop;while(c=c.offsetParent)}c=i;750>=c&&a[b].load[d]("aft")};var q=!1;function r(){q||(q=!0,a[b].load[d]("firstScrollTime"))}a.addEventListener?a.addEventListener("scroll",r,!1):a.attachEvent("onscroll",r);
 })();</script>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='blogger' name='generator'/>
<link href='http://bgames-country.blogspot.com/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='http://bgames-country.blogspot.com/2012/09/ontainer-id-itu-maksudnya-id-elemen.html' rel='canonical'/>
<link rel="alternate" type="application/atom+xml" title="BGames Full&#8482; - Atom" href="http://bgames-country.blogspot.com/feeds/posts/default" />
<link rel="alternate" type="application/rss+xml" title="BGames Full&#8482; - RSS" href="http://bgames-country.blogspot.com/feeds/posts/default?alt=rss" />
<link rel="service.post" type="application/atom+xml" title="BGames Full&#8482; - Atom" href="http://www.blogger.com/feeds/449026647904334989/posts/default" />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.blogger.com/rsd.g?blogID=449026647904334989" />
<link rel="alternate" type="application/atom+xml" title="BGames Full&#8482; - Atom" href="http://bgames-country.blogspot.com/feeds/4464888463516677889/comments/default" />
<!--[if IE]> <script> (function() { var html5 = ("abbr,article,aside,audio,canvas,datalist,details," + "figure,footer,header,hgroup,mark,menu,meter,nav,output," + "progress,section,time,video").split(','); for (var i = 0; i < html5.length; i++) { document.createElement(html5[i]); } try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {} })(); </script> <![endif]-->
<title>tabs - BGames Full&#8482;</title>
<meta content='Your Blog Description here!' name='description'/>
<meta content='Your Keywords here!' name='keywords'/>
<meta content='Author Name here!' name='Author'/>
<meta content='Author Email Address here!' name='Email'/>
<meta content='document' name='resource-type'/>
<meta content='all' name='audience'/>
<meta content='general' name='rating'/>
<meta content='all' name='robots'/>
<meta content='index, follow' name='robots'/>
<meta content='id' name='language'/>
<meta content='id' name='geo.country'/>
<meta content='global' name='distribution'/>
<meta content='1 days' name='revisit-after'/>
<meta content='Indonesia' name='geo.placename'/>
<link type='text/css' rel='stylesheet' href='//www.blogger.com/static/v1/widgets/1937454905-widget_css_bundle.css' />
<style id='page-skin-1' type='text/css'><!--
/* -----------------------------------------------
Blogger Template Style
Name    : Johny Ganteng Banget
Author  : Maskolis
Url     : http://creatingwebsite-maskolis.blogspot.com/
Updated by: Blogger Team
----------------------------------------------- */
/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#fff">
<Variable name="textcolor" description="Text Color"
type="color" default="#444">
<Variable name="linkcolor" description="Link Color"
type="color" default="#58a">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#666">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#999">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#444">
<Variable name="bordercolor" description="Border Color"
type="color" default="#ccc">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#999">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#666">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#999">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% Arial, Serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font"
default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="normal normal 200% Arial, Serif">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
<Variable name="postfooterfont" description="Post Footer Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
<Variable name="startSide" description="Side where text starts in blog language"
type="automatic" default="left">
<Variable name="endSide" description="Side where text ends in blog language"
type="automatic" default="right">
*/
body{background:url(http://s.ytimg.com/yt/imgbin/www-refreshbg-vflC3wnbM.png);color:#444444;font:x-small Trebuchet MS;font-size:small;text-align:left;margin:0}
a:link{color:#000000;text-decoration:none}
a:visited{color:#000000;text-decoration:none}
a:hover{color:#333333;text-decoration:none}
a img{border-width:0}
#header-wrapper{width:960px;margin:0 auto}
#header-inner{background-position:center;margin-left:auto;margin-right:auto}
#header{float:left;width:220px;border:0 solid #dcd9d9;text-align:left;color:#666666;margin:0}
#header2{float:right;width:728px;margin:0;text-align:left;color:#555}
.header .widget,.header2 .widget{margin:0 auto;padding:0px 0 5px}
#header h1{text-align:center;line-height:1.2em;text-transform:none;letter-spacing:.1em;font: bold 20px Oswald;text-shadow:0 1px 1px #000;margin:0 auto;padding:5px 5px .15em;color:#aaa;}
#header a{text-decoration:none}
#header a:hover{color:#666666}
#header .description{max-width:100%;text-transform:uppercase;letter-spacing:.01em;line-height:1.2em;font:normal normal 12px Lucida Sans, Tahoma, Helvetica, FreeSans, sans-serif;color:#666666;margin:0 auto;padding:0 5px 5px}
#header img{margin-startside:auto;margin-endside:auto}
.newsfea{margin:0px;padding:7px 10px;font:14px Oswald;color:#222;border-bottom:1px solid #ccc;text-shadow:1px 1px 1px #ccc}
#navbar-iframe{height:0;visibility:hidden;display:none}
#ads-wrapper,#mainpage-wrapper{width:640px;float:left;word-wrap:break-word;overflow:hidden}
#main-wrapper{background:#fff;width:640px;float:left;word-wrap:break-word;overflow:hidden}
#sidebar-wrapper{background:#e4e4e4;width:320px;float:right;word-wrap:break-word;overflow:hidden}
h2{font:normal bold 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif;line-height:1.4em;text-transform:none;letter-spacing:.01em;color:#666666;margin:.5em 0 .25em}
h2.date-header{text-transform:none;font:normal 12px Arial;color:#999;line-height:1.2em;margin:.1em 0}
.post{margin:.5em 0 .1em;padding:15px}
.post .jump-link{display:none}
.post h3{font:20px Oswald;line-height:1.2em;color:#333;margin:.25em 0 0;padding:0 0 4px;text-shadow:1px 1px 1px #ccc;}
.post h3 a,.post h3 a:visited,.post h3 strong{color:#333333}
.post h3 strong,.post h3 a:hover{color:#f7441a}
.post-body{border-top:2px solid #bbb;font:16px PT Sans Narrow;padding-top:10px;line-height:1.3em;margin:1em 0 .75em;}
.post-footer{color:#666;text-transform:none;letter-spacing:.01em;font:normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif;line-height:1.4em;margin:.75em 0}
.comment-link{margin-startside:.6em}
table{width:100%;border-collapse:collapse;border-spacing:0;border:1px solid #999;color:#444;margin:10px 0}
table td,table th{text-align:left;border:1px solid #999;padding:.4em .8em}
table th{text-transform:uppercase;font-weight:400;border:1px solid #999}
table td{border:1px solid #999}
table tr.even td{border:none}
.comments{padding:0 15px}
#comments h4{font-size:16px;font-weight:400;margin:20px 0}
.cm_wrap{clear:both;margin-bottom:10px;float:right;width:100%}
.cm_head{width:60px;float:left;margin:0}
.cm_avatar{vertical-align:middle;border:1px solid #DDD;background:url(http://4.bp.blogspot.com/-POy-pvgzudE/Tz0SPxJXQnI/AAAAAAAAFUI/SlCAfDMFIhg/s1600/anonymous.jpg) center no-repeat;width:35px;height:35px;margin:0;padding:3px}
.cm_avatar_a{vertical-align:middle;border:1px solid #DDD;background:silver;background-position:center;background-repeat:no-repeat;width:35px;height:35px;margin:0;padding:3px}
.cm_reply a{display:inline-block;border:1px solid #C4C4C4;border-top-color:#E4E4E4;border-left-color:#E4E4E4;color:#424242!important;text-align:center;text-decoration:none;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:0;font:11px/18px sans-serif;margin:0;padding:1px 6px}
.cm_reply a:hover{text-decoration:none!important;background:#aaa}
.cm_entry{background:#fcfcfc;border:1px solid #E4E4E4;overflow:hidden;padding:16px}
.cm_arrow{display:block;width:9px;height:18px;background:url(http://3.bp.blogspot.com/-NONrBLhghFk/To0nNB1LmkI/AAAAAAAAAI4/CAuzDfYiCiU/s1600/comment-arrow.gif) no-repeat;position:absolute;margin-left:-25px}
.cm_info{margin-bottom:5px;border:thin solid #E6E6E6;background-color:#F4F4F4;padding:5px}
.cm_info_a{margin-bottom:5px;border:thin solid #E6E6E6;background-color:#e5e5e5;padding:5px}
.cm_name{font-size:14px;color:#333!important;text-decoration:none;float:left}
.cm_name_a{font:bold 13px Arial;color:#333!important;text-decoration:none;float:left}
.cm_date{font-size:10px;color:#999;text-decoration:none;float:right}
.cm_date_a{font:normal 10px Arial;color:#333;text-decoration:none;float:right;padding-top:5px}
.cm_pagenavi{font-size:10px;text-transform:uppercase;color:#666;text-shadow:1px 1px #FFF;font-weight:700}
.cm_pagenavi a{color:#666;text-decoration:none;padding:10px}
.cm_pagenavi span{color:#888;background:#FFF;border:1px solid #E0E0E0;padding:4px}
.comment-body-author{font-family:Arial;font-weight:300}
#blog-pager{position:relative;top:10px;width:auto;clear:both;font-family:Arial;font-weight:700;color:#4c502f;font-size:13px;margin:10px;padding:5px 10px}
.feed-links{clear:both;line-height:2.5em}
.sidebar h2{background:#ccc url(http://2.bp.blogspot.com/-S4AKqSDPUEs/ToSYCWJy4qI/AAAAAAAAABI/conBgqSajOY/s1600/fade.png) repeat-x top;font:13px Oswald;color:#444;text-transform:uppercase;margin:0;padding:6px 0 7px 10px;border-bottom:1px solid #bababa;border-top:1px solid #bababa}
.sidebar{text-shadow: white 1px 1px 1px;color:#666666;line-height:1.3em;border:1px solid #c3c3c3;border-top:none}
.sidebar li{background:url(http://3.bp.blogspot.com/-Qe4UP5Cn9LQ/T3sGU5DTb0I/AAAAAAAAAL8/xJUZ31qQ8B4/s1600/batas.gif) repeat-x scroll bottom;text-indent:0;line-height:1.3em;margin:0;padding:3px 0 4px}
.sidebar .widget{border:0 solid #dcd9d9;margin:0 0 5px}
.sidebar .widget-content{margin:0 auto;padding:5px 10px}
.sidebar a:link,.sidebar a:visited{font:bold 12px Arial;color:#555;text-decoration:none}
.sidebar li a:hover{color:#4488dd}
.main .widget{border-bottom:1px dotted #dcd9d9;margin:0 0 1.5em;padding:0 0 1.5em}
.main .Blog{border-bottom-width:0}
.footer h2{background:url(http://4.bp.blogspot.com/-tk5hQcNMq6M/T8zPEwjH-RI/AAAAAAAAGm0/t8xkrJitkxg/s1600/batas.gif) repeat-x scroll bottom;font:14px Oswald;padding-bottom:5px;margin-bottom:15px;line-height:1.3em;text-transform:uppercase;color:#ddd}
.footer{color:#aaa;line-height:1.3em;font:normal 12px Arial}
.footer ul{list-style:none;color:#EAE9E8;margin:0;padding:0}
.footer li{background:url(http://4.bp.blogspot.com/-Bt0JYGRHfpk/T7ZpN5RNSQI/AAAAAAAAGJQ/zQtrWVZwgHA/s1600/bullet.png) no-repeat 1px 5px;font:normal 12px Arial;color:#626262;text-indent:0;line-height:1.2em;margin:0;padding:2px 0 3px 17px}
.footer a:link,.footer li a:visited{color:#aaa;text-decoration:none}
.footer li a:hover{color:#fff}
.footer .widget{margin:0 0 8px;padding:6px 0;text-shadow:1px 1px 2px #000}
.footer .widget-content{padding:0 auto}
.profile-img{float:left;margin-top:0;margin-endside:10px;margin-bottom:5px;margin-startside:0;border:1px solid #dcd9d9;padding:4px}
.profile-data{text-transform:uppercase;letter-spacing:.01em;font:bold 13px Arial;color:#666666;line-height:1.3em;margin:0}
.profile-datablock{margin:.5em 0}
.profile-textblock{line-height:1.3em;margin:.5em 0}
.profile-link{font:normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif;text-transform:none;letter-spacing:.01em}
.picfooter{background-color:#222;background-image: -moz-linear-gradient(top,#444 0,#222 100%); background-image: -ms-linear-gradient(top,#444 0,#222 100%); background-image: -o-linear-gradient(top,#444 0,#222 100%); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#444),color-stop(100%,#222)); background-image: -webkit-linear-gradient(top,#444 0,#222 100%); background-image: linear-gradient(to bottom,#444 0,#222 100%);border-bottom:1px solid #000;border-top:4px solid #111;width:960px;margin-startside:auto;margin-endside:auto;text-align:center;font:normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif}
#footer-wrapper{width:940px;text-align:left;font:normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif;margin:0 auto;padding:10px}
#footer1-wrapper{width:300px;float:left;word-wrap:break-word;overflow:hidden}
#footer2-wrapper{margin-left:10px;width:300px;float:left;word-wrap:break-word;overflow:hidden;padding:0 10px}
#footer3-wrapper{width:300px;float:right;word-wrap:break-word;overflow:hidden}
.creditpic{background:#111;width:960px;margin:0 auto;padding:0 auto;border-top:1px solid #444;text-shadow:1px 1px 2px #000}
.credit{width:940px;line-height:1.6em;text-align:center;font-family:Arial;font-size:12px;color:#999;overflow:hidden;clear:both;margin:0 auto;padding:12px 0}
.credit a:link,.credit a:visited{color:#aaa;text-decoration:none}
.credit a:hover{color:#fff;text-decoration:none}
.showpageOf{border:1px solid #7b7c7d;color:#000;margin:2px;padding:3px 6px}
.showpageNum a,.showpage a{border:1px solid #7b7c7d;color:#000;text-decoration:none;margin:2px;padding:3px 6px}
.showpageNum a:hover,.showpage a:hover,.showpagePoint{border:1px solid #4a1b04;background:#e95710;color:#fff;margin:2px;padding:3px 6px}
#outer-wrapper{background:#fff;width:960px;text-align:left;font:normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif;margin:0 auto;padding:0px;-moz-box-shadow: 0 0 15px 1px #aaa;-webkit-box-shadow: 0 0 15px 1px #aaa;box-shadow: 0 0 15px 1px #aaa;padding:10px;}
.cm_entry p,.cm_entry_a p{clear:both;border:thin solid #E6E6E6;background-color:#fff;font-size:13px;color:#333;word-wrap:break-word;padding:5px}
#under-wrapper{float:left;width:100%;border-bottom:1px solid #aaa;margin:10px 0;padding:5px 0 15px}
#related-articles{float:left;width:275px;border-right:1px solid #ddd;margin:5px 0 0;padding:0 15px 0 0}
#related-articles .widget{margin:0;padding:0}
#related-articles .widget h2,#related-posts h2{font:bold 14px Oswald;color:#000;text-transform:none;margin:0 0 5px;padding:0}
#related-articles a{color:#444;font:14px PT Sans Narrow}
#related-articles a:hover{color:#9daf22}
#related-articles li{background:url(http://2.bp.blogspot.com/-EcBIblBtYTQ/TqALuRS_IzI/AAAAAAAAAx0/E-vzWTTOgXs/s1600/bullet-list.gif) no-repeat 0 8px;text-indent:0;line-height:1.2em;margin:0;padding:2px 0 2px 10px}
#banner-ads{float:right;width:300px;margin:5px 0}
.comments-area {background: url(http://3.bp.blogspot.com/-yzvjspEVcWU/Tma1oYTAjhI/AAAAAAAABqM/w5U_HyG3m0Y/s1600/comment.png) no-repeat center right;margin:0 0 0 5px;padding:0 15px 0 0;}
.cm_reply{padding-top:5px}
.sidebar ul,#related-articles ul{list-style:none;margin:0;padding:0}
.cm_pagenavi a:hover{text-decoration:underline}
#search{float:right;width:180px;height:20px;margin-top:3px;}
#search form{float:left}
#search input[type="text"]{background:#fff url(http://4.bp.blogspot.com/-QU22CmeH7C8/UDkR8Xec58I/AAAAAAAAIkU/X1UdhdWfW6Y/s1600/search.png) no-repeat scroll 4px center;float:left;border:1px solid #8e1b08;width:146px;margin-top:1px;padding:3px 15px;font-size:12px;text-align:right}
#search input[type="text"]:focus{background:#fff}
#search input[type="submit"]{display:none}
#nav-wrapper{background:#393939;height:30px;font-family:Arial;overflow:hidden;width:960px;border-bottom:3px solid #333;text-shadow: -1px -1px 0 #000}
#nav{margin:0 auto;width:960px;height:30px;padding:0auto}
#nav ul{float:left;width:auto;height:30px;margin:0;padding:0;list-style-type:none}
#nav ul li{float:left;height:30px}
#nav ul li a,#nav ul li a:visited{float:left;height:30px;padding:8px 10px;color:#eee;font:bold 12px Arial;text-transform:none}
#nav ul li a:hover,#nav .selected{color:#ff0;text-decoration:none;}
.menuku{height:42px;background:url(http://4.bp.blogspot.com/-Fw1_mZKx80w/UBfWyKqQ36I/AAAAAAAAIBk/ZYFA1Y9UG0I/s1600/menuw.png) repeat-x top;font:normal 12px Arial;line-height:normal;width:960px;text-transform:none;color:#f1f1f1;text-decoration:none;margin:0;padding:0;border-bottom: 3px solid #f93d1c}
.menuku ul{margin:0;padding:0}
.menuku li{list-style:none;color:#FFF;float:left;display:inline;position:relative;margin:0;padding:0}
.menuku li a{display:block;background:0;background:url(http://2.bp.blogspot.com/-bI2MNcEkpWc/UBfYpB3VPTI/AAAAAAAAIBs/jEy-LefsNJ0/s1600/batas.png) no-repeat center right;color:#FFF;text-decoration:none;font:bold 14px Arial;text-shadow: -1px -1px 0 #a92009;outline:none;margin:0;padding:13px 13px}
.menuku li a:hover{background:#2a2a2a;text-shadow: -1px -1px 0 #000}
.menuku li ul{position:absolute;z-index:10;left:0;top:100%;height:30px;width:170px;display:none;margin:0;padding:0}
.menuku li ul a{background:#2a2a2a;border-left:none;font:12px Arial;border-right:none;border-top:1px solid #484848;border-bottom:1px solid #000;display:block;padding:7px 10px;text-shadow: -1px -1px 0 #000}
.menuku li ul a:hover{background:#484848;}
.menuku li ul li{float:none;display:block;width:auto}
.menuku li ul ul{top:0;left:100%}
.menuku li a:hover,.menuku ul li a:hover{color:#ccc}
#featuredSlider {background:#eee;float:left;margin:0; padding:0 0 10px; width:640px; position:relative;color:#666;border-bottom:1px solid #c3c3c3}
#featuredSlider .featured-thumb {float:left; margin:10px; padding:0px;}
#featuredSlider .container {height:226px; margin:0 10px 0 0;overflow:hidden; position:relative;}
.featuredTitle{padding-top:10px;font:16px Oswald;text-shadow:1px 1px 1px #ccc;}
.featuredTitle a{color:#f7441a}
.featuredTitle a:hover{color:#000}
.navigation {position:relative;bottom:23px;float:right;overflow:hidden;}
ul.pagination {list-style-type:none; margin:0 auto; padding:0;}
ul.pagination a { float:left; margin:0 5px; display:inline; }
ul.pagination a { display:block;width:12px; padding-top:12px; height:0; overflow:hidden; background-image:url(http://2.bp.blogspot.com/-j2T8LeJpjkY/UBfzfSqJGSI/AAAAAAAAIDE/jiGwQpYoRO4/s1600/slider+pagination.png); background-position:0 0; background-repeat:no-repeat; }
ul.pagination a:hover { background-position:0 -12px; }
ul.pagination a:hover { background-position:0 -12px; }
ul.pagination a.activeSlide { background-position:0 -12px }
a.readmore {float:left;border:1px solid #444;background:#585858 url(http://2.bp.blogspot.com/-S4AKqSDPUEs/ToSYCWJy4qI/AAAAAAAAABI/conBgqSajOY/s1600/fade.png) repeat-x top;display:block;;font:bold 12px Arial;text-shadow: -1px -1px 0 #333;margin:10px 0 0 0;padding:4px 10px;color:#eee;-webkit-border-radius:3px;-moz-border-radius:3px;
border-radius:3px;-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);}
a.readmore:hover {color:#ff0}
.headline-wrapper{background:#da290b;width:960px;height:30px;margin:0}
.headline{line-height:1.4em;text-align:left;font-family:Arial;font-size:12px;color:#fff;overflow:hidden;clear:both;padding:0 10px}
.headline a:hover{color:#eace12;text-decoration:underline}
.post-author{background:url(http://4.bp.blogspot.com/-0D9lWJmjScg/UBf5FpA0_MI/AAAAAAAAIEw/uBsKWarFMHg/s1600/yang+nulis.gif) no-repeat scroll left center transparent;padding-left:20px}
.post-timestamp{background:url(http://2.bp.blogspot.com/-dVp2dtx0LHw/UBf5ETNyYdI/AAAAAAAAIEo/T2-90oKSyhg/s1600/tanggalan.gif) no-repeat scroll left center transparent;padding-left:20px;padding-top:2px}
.post-comment-link a{background:url(http://4.bp.blogspot.com/-pkHpDwJLl8c/UBf5D2X6i8I/AAAAAAAAIEE/9qYkmpcTyLk/s1600/comentar.png) no-repeat scroll left center transparent;padding-left:20px}
#error-page {
text-align:center;
background: url(http://s.ytimg.com/yt/imgbin/www-refreshbg-vflC3wnbM.png) repeat-x;
position:absolute; /* IE6 Fallback */
top:0px;
right:0px;
bottom:0px;
left:0px;
padding-top:5px;
z-index:99999;
}
#loading-overlay {
width:100%;
height:100%;
position:fixed !important;
position:absolute; /* IE6 Fallback */
top:0px;
right:0px;
bottom:0px;
left:0px;
z-index:999999;
background:#3A3A3A url(http://1.bp.blogspot.com/-zqV-Lx1ijk0/UE2Brt1FXMI/AAAAAAAAAAU/-mhUHe3jWCw/s1600/load.gif) no-repeat center;
color:transparent !important;
text-indent:-99999px;
}
/*----------------------------
CSS3 Animated Navigation
-----------------------------*/
.fancyNav{
/* Affects the UL element */
overflow: hidden;
display: inline-block;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
box-shadow: 0 0 4px rgba(255, 255, 255, 0.6);
-moz-box-shadow: 0 0 4px rgba(255, 255, 255, 0.6);
-webkit-box-shadow: 0 0 4px rgba(255, 255, 255, 0.6);
}
.fancyNav li{
/* Specifying a fallback color and we define CSS3 gradients for the major browsers: */
background-color: #f0f0f0;
background-image: -webkit-gradient(linear,left top, left bottom,from(#fefefe), color-stop(0.5,#f0f0f0), color-stop(0.51, #e6e6e6));
background-image: -moz-linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);
background-image: -o-linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);
background-image: -ms-linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);
background-image: linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);
border-right: 1px solid rgba(9, 9, 9, 0.125);
/* Adding a 1px inset highlight for a more polished efect: */
box-shadow: 1px -1px 0 rgba(255, 255, 255, 0.6) inset;
-moz-box-shadow: 1px -1px 0 rgba(255, 255, 255, 0.6) inset;
-webkit-box-shadow: 1px -1px 0 rgba(255, 255, 255, 0.6) inset;
position:relative;
float: left;
list-style: none;
}
.fancyNav li:after{
/* This creates a pseudo element inslide each LI */
content:'.';
text-indent:-9999px;
overflow:hidden;
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
z-index:1;
opacity:0;
/* Gradients! */
background-image:-webkit-gradient(linear, left top, right top, from(rgba(168,168,168,0.5)),color-stop(0.5,rgba(168,168,168,0)), to(rgba(168,168,168,0.5)));
background-image:-moz-linear-gradient(left, rgba(168,168,168,0.5), rgba(168,168,168,0) 50%, rgba(168,168,168,0.5));
background-image:-o-linear-gradient(left, rgba(168,168,168,0.5), rgba(168,168,168,0) 50%, rgba(168,168,168,0.5));
background-image:-ms-linear-gradient(left, rgba(168,168,168,0.5), rgba(168,168,168,0) 50%, rgba(168,168,168,0.5));
background-image:linear-gradient(left, rgba(168,168,168,0.5), rgba(168,168,168,0) 50%, rgba(168,168,168,0.5));
/* Creating borders with box-shadow. Useful, as they don't affect the size of the element. */
box-shadow:-1px 0 0 #a3a3a3,-2px 0 0 #fff,1px 0 0 #a3a3a3,2px 0 0 #fff;
-moz-box-shadow:-1px 0 0 #a3a3a3,-2px 0 0 #fff,1px 0 0 #a3a3a3,2px 0 0 #fff;
-webkit-box-shadow:-1px 0 0 #a3a3a3,-2px 0 0 #fff,1px 0 0 #a3a3a3,2px 0 0 #fff;
/* This will create a smooth transition for the opacity property */
-moz-transition:0.25s all;
-webkit-transition:0.25s all;
-o-transition:0.25s all;
transition:0.25s all;
}
/* Treating the first LI and li:after elements separately */
.fancyNav li:first-child{
border-radius: 4px 0 0 4px;
}
.fancyNav li:first-child:after,
.fancyNav li.selected:first-child:after{
box-shadow:1px 0 0 #a3a3a3,2px 0 0 #fff;
-moz-box-shadow:1px 0 0 #a3a3a3,2px 0 0 #fff;
-webkit-box-shadow:1px 0 0 #a3a3a3,2px 0 0 #fff;
border-radius:4px 0 0 4px;
}
.fancyNav li:last-child{
border-radius: 0 4px 4px 0;
}
/* Treating the last LI and li:after elements separately */
.fancyNav li:last-child:after,
.fancyNav li.selected:last-child:after{
box-shadow:-1px 0 0 #a3a3a3,-2px 0 0 #fff;
-moz-box-shadow:-1px 0 0 #a3a3a3,-2px 0 0 #fff;
-webkit-box-shadow:-1px 0 0 #a3a3a3,-2px 0 0 #fff;
border-radius:0 4px 4px 0;
}
.fancyNav li:hover:after,
.fancyNav li.selected:after,
.fancyNav li:target:after{
/* This property triggers the CSS3 transition */
opacity:1;
}
.fancyNav:hover li.selected:after,
.fancyNav:hover li:target:after{
/* Hides the targeted li when we are hovering on the UL */
opacity:0;
}
.fancyNav li.selected:hover:after,
.fancyNav li:target:hover:after{
opacity:1 !important;
}
/* Styling the anchor elements */
.fancyNav li a{
color: #5d5d5d;
display: inline-block;
font: 20px/1 Lobster,Arial,sans-serif;
padding: 12px 35px 14px;
position: relative;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
z-index:2;
text-decoration:none !important;
white-space:nowrap;
}
.fancyNav a.homeIcon{
background:url('http://demo.tutorialzine.com/2011/05/css3-animated-navigation-menu/assets/img/home.png') no-repeat center center;
display: block;
overflow: hidden;
padding-left: 12px;
padding-right: 12px;
text-indent: -9999px;
width: 16px;
}
/*------- Colourful Tabs Menu -------*/
.MBT-Nav-container {
border: 1px solid #cfcfcf;
background: url(http://1.bp.blogspot.com/-hQ4r1kqybdw/UEIRnGogqyI/AAAAAAAAHeI/tPZ2FXRUO98/s400/menu-bgd.png) bottom left repeat-x;
padding:2px 0;z-index:999;top:0px;left:1px;right:1px;position:fixed;
margin: 0px;  padding: 0;
border: 1px solid #cfcfcf;
}
ul#nav {
border-left: 1px solid #cfcfcf;
border-right: 0px solid #cfcfcf;
background: url(http://1.bp.blogspot.com/-hQ4r1kqybdw/UEIRnGogqyI/AAAAAAAAHeI/tPZ2FXRUO98/s400/menu-bgd.png) bottom left repeat-x;
position: relative;
font-size: 12px; font-family: helvetica, arial, sans-serif;
list-style: none;  margin: 0 auto;  padding: 0;
width: 980px;
}
#nav ul {
margin: 0;
}
:focus {
outline: 0;
}
*html ul#nav { clear: both; height: 1%; }
ul#nav li a {
display: block;
float: left;
text-transform: uppercase;
font-weight: bold;
line-height: 33px;
padding: 0 13px 0 10px;
color: #333;
text-decoration: none;
background: url(http://3.bp.blogspot.com/-GhdMtMAzybA/UEIRnwbrOqI/AAAAAAAAHeU/fShdjYuWetk/s400/menu-rule.png) right 2px no-repeat;
}
*html ul#nav li.top-link { float: left; margin: 0px 0 -13px 0; padding-top: 2px; }
*:first-child+html ul#nav li.top-link { float: left; margin: 0px 0 -13px 0; padding-top: 2px; }
ul#nav li a:hover, ul#nav li a.open { color: #fff; }
ul#nav li#mbt a:hover, ul#nav li#mbt a.open { background: #0f1f37; }
ul#nav li#link-entertainment a:hover, ul#nav li#link-entertainment a.open { background: #b70943; }
ul#nav li#link-news a:hover, ul#nav li#link-news a.open { background: #cf3c02; }
ul#nav li#link-life a:hover, ul#nav li#link-life a.open { background: #724375; }
ul#nav li#link-technology a:hover, ul#nav li#link-technology a.open { background: #02b0cf; }
ul#nav li#link-top10 a:hover, ul#nav li#link-top10 a.open { background: #353533; }
ul#nav li#links-1 a:hover, ul#nav li#links-1 a.open { background: #b70943; }
ul#nav li#links-2 a:hover, ul#nav li#links-2 a.open { background: #289728; }
ul#nav li#links-3 a:hover, ul#nav li#links-3 a.open { background: #666666; }
ul#nav li#links-4 a:hover, ul#nav li#links-4 a.open { background: #b70943; }
ul#nav li#link-home a {
padding: 0 33px 0 10px;
text-indent: -9999px;
background: url(http://2.bp.blogspot.com/-IuFcujZl650/UEIRm1ja0uI/AAAAAAAAHd8/g3llMl2_RA8/s400/home-icon.png) right 0px no-repeat;
}
*html ul#nav li#link-home a { padding: 0; width: 43px; }
ul#nav li#link-home a:hover { background: url(http://2.bp.blogspot.com/-IuFcujZl650/UEIRm1ja0uI/AAAAAAAAHd8/g3llMl2_RA8/s400/home-icon.png) right -33px no-repeat; }
/* Sub-Vertical Navigation */
ul.sub-nav {
position: absolute;
top: 33px;
left: -1px;
overflow: hidden;
width: 980px;
display: none;
z-index: 999;
list-style: none;
padding-left:0px;
}
ul#nav li#mbt ul.sub-nav { background: #6f7987 url(http://4.bp.blogspot.com/-gRDfUUsFFvo/UEIRmB-rQHI/AAAAAAAAHdk/PnpJ42Y5ylk/s400/business-subnav-bgd.png) top left repeat-x; }
ul#nav li#link-entertainment ul.sub-nav { background: #d46b8e url(http://4.bp.blogspot.com/-x-W--ENCpB4/UEIRmWbi1WI/AAAAAAAAHdw/VWjPx1M9Fow/s400/entertainment-subnav-bgd.png) top left repeat-x; }
ul#nav li#link-news ul.sub-nav { background: #e28a67 url(http://1.bp.blogspot.com/-mow7_vOvv4Y/UEIRwMycevI/AAAAAAAAHeg/Cc6h-0Hv-7Y/s400/news-subnav-bgd.png) top left repeat-x; }
ul#nav li#link-life ul.sub-nav { background: #aa8eac url(http://2.bp.blogspot.com/-UmuzlpeD1EM/UEISysxvDbI/AAAAAAAAHe4/N78T1ifkhug/s400/life-subnav-bgd.png) top left repeat-x; }
ul#nav li#link-technology ul.sub-nav { background: #67d0e2 url(http://2.bp.blogspot.com/-ZrSwFUKdaJE/UEIRwVZsdKI/AAAAAAAAHes/M8UCU-GrSoI/s400/technology-subnav-bgd.png) top left repeat-x; }
ul#nav li ul.sub-nav li { float: left;   }
ul#nav li ul.sub-nav li a {
float: none;
background: none;
font-size: 11px;
text-transform: none;
color: #fff;
line-height: 25px;
}
ul#nav li#mbt ul.sub-nav li a:hover, ul#nav li#mbt ul.sub-nav li a.active-cat{ background: #0f1f37 !important; }
ul#nav li#link-entertainment ul.sub-nav li a:hover, ul#nav li#link-entertainment ul.sub-nav li a.active-cat { background: #b70943 !important; }
ul#nav li#link-news ul.sub-nav li a:hover, ul#nav li#link-news ul.sub-nav li a.active-cat { background: #cf3c02 !important; }
ul#nav li#link-life ul.sub-nav li a:hover, ul#nav li#link-life ul.sub-nav li a.active-cat { background: #724375 !important; }
ul#nav li#link-technology ul.sub-nav li a:hover, ul#nav li#link-technology ul.sub-nav li a.active-cat { background: #02b0cf !important; }
/*----------------------------------------------------
{--------}  Blockquote {--------}
----------------------------------------------------*/
blockquote {
-webkit-transition-duration: 3.5s;
border      : 20px solid #fefefe;
color:#000;
padding: .5em 1em;
background-color: #000;
-webkit-border-radius: 15px 15px 15px;
border-radius: 15px 15px 15px 15px;
-webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
box-shadow: 0 8px 6px -6px black;
}
/*----------------------------------------------------
{--------}  Body Hover {--------}
----------------------------------------------------*/
body:before
{
content: "";
position: fixed;
top: -10px;
left: 0;
width: 100%;
height: 10px;
z-index: 100;
-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
box-shadow: 0px 0px 10px rgba(0,0,0,.8);
}
#HTML1 {
Display:none : }
#HTML2 {
Display:none : }
#HTML7 {
Display:none : }

--></style>
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 300;summary_img = 300;img_thumb_width = 180;img_thumb_height = 100;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(e,f){if(e.indexOf("<")!=-1){var g=e.split("<");for(var h=0;h<g.length;h++){if(g[h].indexOf(">")!=-1){g[h]=g[h].substring(g[h].indexOf(">")+1,g[h].length)}}e=g.join("")}f=(f<e.length-1)?f:e.length-2;while(e.charAt(f-1)!=" "&&e.indexOf(" ",f)!=-1){f++}e=e.substring(0,f-1);return e+"..."}function createSummaryAndThumb(k){var i=document.getElementById(k);var h="";var g=i.getElementsByTagName("img");var j=summary_noimg;if(g.length>=1){h='<span style="display:none;float:left;margin:0px 10px 5px 0px;"><img src="'+g[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';j=summary_img}var l=h+"<div>"+removeHtmlTag(i.innerHTML,j)+"</div>";i.innerHTML=l};
//]]>
</script>
<script type='text/javascript'>
var relatedpoststitle="Related Articles";
</script>
<script src='https://www.google.com/jsapi?key=ABQIAAAAlQIoliUVPjZwD8UDgw_U3RTUhB4JyH-ajz-fA9t4yePPPdGAfRTC_mtuh6Iq1MLEipD0I2rCi30Png' type='text/javascript'></script>
<style type='text/css'>
.titlefield{text-decoration: none;}
.labelfield{color:#666;font-size: 100%;}
.datefield{color:#fff;font:normal 12px Arial;}
#example1{width: 900px;height: 12px;padding: 0px;font:bold 14px Arial;text-transform:none;text-align:left;background-color:transparent;}
code{color: #fff;}
#example1 a:link, #example1 a:visited {color:#383838;text-decoration:none;}
#example1 a:hover {color:#fff;text-decoration:none;}
</style>
<script src='http://bgames-country.googlecode.com/svn/trunk/jquery/recent.js' type='text/javascript'></script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
$(function(){
$('input').click(function(){
var ourText = $('#content-wrapper');
var currFontSize = ourText.css('fontSize');
var finalNum = parseFloat(currFontSize, 10);
var stringEnding = currFontSize.slice(-2);
if(this.id == 'large') {
finalNum *= 1.1;
}
else if (this.id == 'small'){
finalNum /=1.1;
}
else if (this.id == 'reset'){
finalNum =15;
}
ourText.animate({fontSize: finalNum + stringEnding},500);
});
});
</script>
<script src='http://bgames-country.googlecode.com/svn/trunk/jquery/innerfade.js' type='text/javascript'></script>
<script src='http://bgames-country.googlecode.com/svn/trunk/jquery/cycle.js' type='text/javascript'></script>
<script type='text/javascript'>
//<![CDATA[
imgr = new Array();
imgr[0] = "http://2.bp.blogspot.com/-uitX7ROPtTU/Tyv-G4NA_uI/AAAAAAAAFBY/NcWLPVnYEnU/s1600/no+image.jpg";
showRandomImg = true;
aBold = true;
summaryPost = 150; 
summaryPost1 = 100;
summaryTitle = 25; 
numposts  = 7; 

function removeHtmlTag(strx,chop){var s=strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i]=s[i].substring(s[i].indexOf(">")+1,s[i].length)}}s=s.join("");s=s.substring(0,chop-1);return s}

function showrecentposts(json) {
	j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
	img  = new Array();
    document.write('<div class="slides">')
	if (numposts <= json.feed.entry.length) {
		maxpost = numposts;
		}
	else
       {
	   maxpost=json.feed.entry.length;
	   }	
  	for (var i = 0; i < maxpost; i++) {
    	var entry = json.feed.entry[i];
    	var posttitle = entry.title.$t;
		var pcm;
    	var posturl;
    	if (i == json.feed.entry.length) break;
    	for (var k = 0; k < entry.link.length; k++) {
      		if (entry.link[k].rel == 'alternate') {
        		posturl = entry.link[k].href;
        		break;
      		}
    	}
		
		for (var k = 0; k < entry.link.length; k++) {
      		if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
        		pcm = entry.link[k].title.split(" ")[0];
        		break;
      		}
    	}
		
    	if ("content" in entry) {
      		var postcontent = entry.content.$t;}
    	else
    	if ("summary" in entry) {
      		var postcontent = entry.summary.$t;}
    	else var postcontent = "";
    	
    	postdate = entry.published.$t;
	
	if(j>imgr.length-1) j=0;
	img[i] = imgr[j];
	
	s = postcontent	; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);

	if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;

	//cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';


	var month = [1,2,3,4,5,6,7,8,9,10,11,12];
	var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];

	var day = postdate.split("-")[2].substring(0,2);
	var m = postdate.split("-")[1];
	var y = postdate.split("-")[0];

	for(var u2=0;u2<month.length;u2++){
		if(parseInt(m)==month[u2]) {
			m = month2[u2] ; break;
		}
	}

	var trtd = '<div><p class="featured-thumb"><a href="'+posturl+'"><img width="340" height="212" src="'+img[i]+'"/></a></p><div class="featuredTitle"><a href="'+posturl+'">'+posttitle+'</a></div><p>'+removeHtmlTag(postcontent,summaryPost)+'... </p><a href="'+posturl+'" class="readmore">Read more &#187;</a></div>';
	document.write(trtd);


	j++;
}
    document.write('</div>')
}

//]]>
</script>
<script type='text/javascript'>
$(window).bind("load", function() {
     $('#loading-overlay').fadeOut();
});
    </script>
<script type="text/javascript">var a=navigator,b="userAgent",c="indexOf",f="&m=1",g="(^|&)m=",h="?",i="?m=1";function j(){var d=window.location.href,e=d.split(h);switch(e.length){case 1:return d+i;case 2:return 0<=e[1].search(g)?null:d+f;default:return null}}if(-1!=a[b][c]("Mobile")&&-1!=a[b][c]("WebKit")&&-1==a[b][c]("iPad")||-1!=a[b][c]("Opera Mini")||-1!=a[b][c]("IEMobile")){var k=j();k&&window.location.replace(k)};
</script><script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('headEnd');
</script></head>
<body>
<div class='navbar section' id='navbar'>
</div>
<div id='outer-wrapper'><div id='wrap2'>
<div id='header-wrapper'>
<div class='header section' id='header'><div class='widget Header' id='Header1'>
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<a href='http://bgames-country.blogspot.com/'>BGames Full&#8482;</a>
</h1>
</div>
<div class='descriptionwrapper'>
<p class='description'><span>
</span></p>
</div>
</div>
</div></div>
<div class='header section' id='header2'><div class='widget HTML' id='HTML22'>
<div class='widget-content'>
<ul class='fancyNav'>
                <li id='home'><a class='homeIcon' href='#home'>Home</a></li>
                <li id='news'><a href='#news'>News</a></li>
                <li id='about'><a href='#about'>About us</a></li>
                <li id='services'><a href='#services'>Services</a></li>
                <li id='contact'><a href='#contact'>Contact us</a></li>
            </ul>
</div>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='//www.blogger.com/rearrange?blogID=449026647904334989&widgetType=HTML&widgetId=HTML22&action=editWidget&sectionId=header2' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML22"));' target='configHTML22' title='Edit'>
<img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>
</div></div>
</div><!-- end header-wrapper -->
<!-- skip links for text browsers -->
<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
      <a href='#sidebar'>skip to sidebar</a>
</span>
<div class='clear'></div>
<div class='menuku'>
<ul>
<li><a href='/'>Home</a></li>
<li><a href='#'>Drop menu</a></li>
<li><a href='#'>Drop menu 2</a></li>
<li><a href='#'>Drop menu 3</a></li>
</ul>
</div>
<div id='nav-wrapper'>
<div id='nav'>
<div class='page section' id='page'><div class='widget PageList' id='PageList1'>
<div class='widget-content'>
<ul>
<li><a href='http://bgames-country.blogspot.com/'>Beranda</a></li>
</ul>
</div>
</div></div>
</div>
</div>
<div id='content-wrapper'>
<div id='mainpage-wrapper'>
<div id='main-wrapper'>
<div class='main section' id='main'><div class='widget Blog' id='Blog1'>
<script src=''></script>
<div class='blog-posts hfeed'>
<!-- google_ad_section_start(name=default) -->

          <div class="date-outer">
        

          <div class="date-posts">
        
<div class='post-outer'>
<div class='post hentry'>
<a name='4464888463516677889'></a>
<h3 class='post-title entry-title'>
<a href='http://bgames-country.blogspot.com/2012/09/ontainer-id-itu-maksudnya-id-elemen.html'>tabs</a>
</h3>
<div class='post-header'>
<div class='post-header-line-1'></div>
</div>
<div class='post-body entry-content' id='post-body-4464888463516677889'>
<ul class="tabs" persist="true">
<li><a href="javascript:;" rel="view1">Play !</a></li>
<li><a href="javascript:;" rel="view2">Description</a></li>
<li><a href="javascript:;" rel="view3">How to play</a></li>
<li><a href="javascript:;" rel="view4">Support</a></li>
</ul>
<div class="tabcontents">
<div class="tabcontent" id="view1">
....GAMES....
</div>
<div class="tabcontent" id="view2">
<b>...JUDUL...</b>
<br />
......KETERANGAN.....
</div>
<div class="tabcontent" id="view3">
....How to play....
</div>
<div class="tabcontent" id="view4">
........Support......</div>
</div>
<div style='clear: both;'></div>
</div>
<div style='border-top:3px solid #ccc;border-bottom:1px solid #ddd;width:100%;height:24px;text-align:left;font:normal 11px Arial;color:#333;margin:10px 0;padding:10px 0 5px'>
<div style='float:left;padding:1px 0;margin-right:15px;font:bold 13px Arial;color:#777'>
<strong>Share this article</strong> : 
</div>
<div class='addthis_toolbox addthis_default_style '>
<a class='addthis_button_facebook_like' fb:like:layout='button_count'></a>
<a class='addthis_button_tweet'></a>
<a class='addthis_button_google_plusone' g:plusone:size='medium'></a>
<a class='addthis_counter addthis_pill_style'></a>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f57432236fb4dee' type='text/javascript'></script>
</div>
<div id='under-wrapper'>
<div id='related-articles'>
<script type='text/javascript'>
var maxresults=6;
removeRelatedDuplicates(); printRelatedLabels("http://bgames-country.blogspot.com/2012/09/ontainer-id-itu-maksudnya-id-elemen.html");
</script>
</div>
<div id='banner-ads'>
</div>
</div>
<div class='post-footer'><span class='post-labels'>
</span>
</div>
</div>
<div class='comments' id='comments'>
<a name='comments'></a>
<h4>
</h4>
<div id='cm_reply_css'></div>
<div class='cm_pagenavi' id='cm_page'></div>
<div id='cm_block'>
</div>
<div class='cm_pagenavi' id='cm_page_copy'></div>
<div class='comment-form'>
<a name='comment-form'></a>
<h4 id='comment-post-message'>Poskan Komentar</h4>
<p>
</p>
<a href='http://www.blogger.com/comment-iframe.g?blogID=449026647904334989&postID=4464888463516677889' id='comment-editor-src'></a>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'></iframe>
<script type="text/javascript" src="//www.blogger.com/static/v1/jsbin/2248360291-comment_from_post_iframe.js"></script>
<script type='text/javascript'>
      BLOG_CMT_createIframe('http://www.blogger.com/rpc_relay.html', '03130874186564029105');
    </script>
</div>
</div>
</div>

        </div></div>
      
<!-- google_ad_section_end -->
</div>
<div class='blog-pager' id='blog-pager'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' href='http://bgames-country.blogspot.com/2012/09/blog-post_10.html' id='Blog1_blog-pager-newer-link' title='Previous Product'>&#171; Prev Post</a>
</span>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' href='http://bgames-country.blogspot.com/2012/09/menu-zfp.html' id='Blog1_blog-pager-older-link' title='Next Product'>Next Post &#187;</a>
</span>
<a class='home-link' href='http://bgames-country.blogspot.com/'>Beranda</a>
</div>
<div class='clear'></div>
<div class='post-feeds'>
</div>
</div></div>
</div>
</div>
<div id='sidebar-wrapper'>
<div class='sidebar section' id='sidebar'><div class='widget HTML' id='HTML3'>
<h2 class='title'>Recent Post</h2>
<div class='widget-content'>
</div>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='//www.blogger.com/rearrange?blogID=449026647904334989&widgetType=HTML&widgetId=HTML3&action=editWidget&sectionId=sidebar' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML3"));' target='configHTML3' title='Edit'>
<img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>
</div><div class='widget PopularPosts' id='PopularPosts1'>
<h2>Popular post</h2>
<div class='widget-content popular-posts'>
<ul>
<li>
<div class='item-content'>
<div class='item-title'><a href='http://bgames-country.blogspot.com/2012/09/menu-zfp.html'>Menu zFP</a></div>
<div class='item-snippet'>   Home  Blogger  CATEGORIES  Naruto Episode  More  TOP         </div>
</div>
<div style='clear: both;'></div>
</li>
<li>
<div class='item-content'>
<div class='item-title'><a href='http://bgames-country.blogspot.com/2012/09/ontainer-id-itu-maksudnya-id-elemen.html'>tabs</a></div>
<div class='item-snippet'> Play !  Description  How to play  Support     ....GAMES....   ...JUDUL...   ......KETERANGAN.....   ....How to play....   ........Support.....</div>
</div>
<div style='clear: both;'></div>
</li>
</ul>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='//www.blogger.com/rearrange?blogID=449026647904334989&widgetType=PopularPosts&widgetId=PopularPosts1&action=editWidget&sectionId=sidebar' onclick='return _WidgetManager._PopupConfig(document.getElementById("PopularPosts1"));' target='configPopularPosts1' title='Edit'>
<img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>
</div>
</div></div>
</div>
<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'>&#160;</div>
</div>
<!-- end content-wrapper -->
<div class='creditpic'>
<div class='credit'>
<div style='text-align:center;'>
&#169; 2011-2012   *All Right Reserved.
</div>
</div>
</div>
</div></div>
<!-- end outer-wrapper -->
<script type='text/javascript'>
$(function() {
    $('.menuku li').hover(function() {
        $(this).children('ul').filter(':not(:animated)').show(200);
    }, function() {
        $(this).children('ul').hide(400);
    });
});
</script>
<div id='loading-overlay'>Loading...</div>
<script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('widgetJsBefore');
</script><script type="text/javascript" src="//www.blogger.com/static/v1/widgets/4171587145-widgets.js"></script>
<script type='text/javascript'>
if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV1";window['blogger_blog_id'] = '449026647904334989';BLOG_attachCsiOnload('item_'); }_WidgetManager._Init('http://www.blogger.com/rearrange?blogID\x3d449026647904334989','//bgames-country.blogspot.com/2012/09/ontainer-id-itu-maksudnya-id-elemen.html','449026647904334989');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '449026647904334989', 'bloggerUrl': 'http://www.blogger.com', 'title': 'BGames Full&#8482;', 'pageType': 'item', 'url': 'http://bgames-country.blogspot.com/2012/09/ontainer-id-itu-maksudnya-id-elemen.html', 'canonicalUrl': 'http://bgames-country.blogspot.com/2012/09/ontainer-id-itu-maksudnya-id-elemen.html', 'canonicalHomepageUrl': 'http://bgames-country.blogspot.com/', 'homepageUrl': 'http://bgames-country.blogspot.com/', 'blogspotFaviconUrl': 'http://bgames-country.blogspot.com/favicon.ico', 'enabledCommentProfileImages': true, 'adultContent': false, 'analyticsAccountNumber': '', 'searchLabel': '', 'searchQuery': '', 'pageName': 'tabs', 'pageTitle': 'BGames Full&#8482;: tabs', 'encoding': 'UTF-8', 'locale': 'in', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'languageDirection': 'ltr', 'feedLinks': '\74link rel\75\42alternate\42 type\75\42application/atom+xml\42 title\75\42BGames Full&#8482; - Atom\42 href\75\42http://bgames-country.blogspot.com/feeds/posts/default\42 /\76\n\74link rel\75\42alternate\42 type\75\42application/rss+xml\42 title\75\42BGames Full&#8482; - RSS\42 href\75\42http://bgames-country.blogspot.com/feeds/posts/default?alt\75rss\42 /\76\n\74link rel\75\42service.post\42 type\75\42application/atom+xml\42 title\75\42BGames Full&#8482; - Atom\42 href\75\42http://www.blogger.com/feeds/449026647904334989/posts/default\42 /\76\n\74link rel\75\42EditURI\42 type\75\42application/rsd+xml\42 title\75\42RSD\42 href\75\42http://www.blogger.com/rsd.g?blogID\075449026647904334989\42 /\76\n\74link rel\75\42alternate\42 type\75\42application/atom+xml\42 title\75\42BGames Full&#8482; - Atom\42 href\75\42http://bgames-country.blogspot.com/feeds/4464888463516677889/comments/default\42 /\76\n', 'meTag': '', 'openIdOpTag': '', 'imageSrcTag': '', 'latencyHeadScript': '\74script type\75\42text/javascript\42\76(function() { var a\75window,b\75\42jstiming\42,d\75\42tick\42;var e\75function(c){this.t\75{};this.tick\75function(c,p,h){h\75void 0!\75h?h:(new Date).getTime();this.t[c]\75[h,p]};this[d](\42start\42,null,c)},f\75new e;a.jstiming\75{Timer:e,load:f};if(a.performance\46\46a.performance.timing){var g\75a.performance.timing,j\75a[b].load,k\75g.navigationStart,l\75g.responseStart;0\74k\46\46l\76\75k\46\46(j[d](\42_wtsrt\42,void 0,k),j[d](\42wtsrt_\42,\42_wtsrt\42,l),j[d](\42tbsd_\42,\42wtsrt_\42))}\ntry{var m\75null;a.chrome\46\46a.chrome.csi\46\46(m\75Math.floor(a.chrome.csi().pageT),j\46\0460\74k\46\46(j[d](\42_tbnd\42,void 0,a.chrome.csi().startE),j[d](\42tbnd_\42,\42_tbnd\42,k)));null\75\75m\46\46a.gtbExternal\46\46(m\75a.gtbExternal.pageT());null\75\75m\46\46a.external\46\46(m\75a.external.pageT,j\46\0460\74k\46\46(j[d](\42_tbnd\42,void 0,a.external.startE),j[d](\42tbnd_\42,\42_tbnd\42,k)));m\46\46(a[b].pt\75m)}catch(n){};a.tickAboveFold\75function(c){var i\0750;if(c.offsetParent){do i+\75c.offsetTop;while(c\75c.offsetParent)}c\75i;750\76\75c\46\46a[b].load[d](\42aft\42)};var q\75!1;function r(){q||(q\75!0,a[b].load[d](\42firstScrollTime\42))}a.addEventListener?a.addEventListener(\42scroll\42,r,!1):a.attachEvent(\42onscroll\42,r);\n })();\74/script\076', 'mobileHeadScript': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/04452fcc9c8aa994'}}, {'name': 'skin', 'data': {'vars': {'sidebartextcolor': '#666666', 'linkcolor': '#000000', 'visitedlinkcolor': '#000000', 'textcolor': '#444444', 'headerfont': 'normal bold 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif', 'pagetitlefont': 'normal normal 26px Georgia, Serif', 'bgcolor': '#b1bb8e', 'descriptioncolor': '#666666', 'titlecolor': '#333333', 'bordercolor': '#dcd9d9', 'postfooterfont': 'normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif', 'pagetitlecolor': '#666666', 'bodyfont': 'normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif', 'endSide': 'right', 'startSide': 'left', 'descriptionfont': 'normal normal 12px Lucida Sans, Tahoma, Helvetica, FreeSans, sans-serif', 'sidebarcolor': '#666666'}, 'override': '\n#HTML1 {\nDisplay:none : }\n#HTML2 {\nDisplay:none : }\n#HTML7 {\nDisplay:none : }\n'}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '/?view\75classic'}, 'flipcard': {'name': 'flipcard', 'url': '/?view\75flipcard'}, 'magazine': {'name': 'magazine', 'url': '/?view\75magazine'}, 'mosaic': {'name': 'mosaic', 'url': '/?view\75mosaic'}, 'sidebar': {'name': 'sidebar', 'url': '/?view\75sidebar'}, 'snapshot': {'name': 'snapshot', 'url': '/?view\75snapshot'}, 'timeslide': {'name': 'timeslide', 'url': '/?view\75timeslide'}}}]);
_WidgetManager._RegisterWidget('_PageListView', new _WidgetInfo('PageList1', 'page', null, document.getElementById('PageList1'), {'title': 'Pages', 'links': [{'href': 'http://bgames-country.blogspot.com/', 'title': 'Beranda', 'isCurrentPage': false}], 'mobile': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'sidebar', null, document.getElementById('HTML3'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts1', 'sidebar', null, document.getElementById('PopularPosts1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'footer1', null, document.getElementById('HTML1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML22', 'header2', null, document.getElementById('HTML22'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', null, document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'footer2', null, document.getElementById('HTML2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', null, document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': '//www.blogger.com/static/v1/jsbin/171424120-lbx.js', 'lightboxCssUrl': '//www.blogger.com/static/v1/v-css/228702327-lightbox_bundle.css'}, 'displayModeFull'));
</script>
</body>
</html>